<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>layabox家族产品</title>
    <link rel="stylesheet" href="./bootstrap-3.4.1/dist/css/bootstrap.css">
  <link rel="stylesheet" href="./css/2.css">
  <script src="./jquery.js"></script>
  <script src="./bootstrap-3.4.1/js/dropdown.js"></script>
  <script src="./bootstrap-3.4.1/js/collapse.js"></script>
  <script src="./bootstrap-3.4.1/js/transition.js"></script>
  <script src="./bootstrap-3.4.1/js/carousel.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="container-fluid box">
            <!-- 导航栏 -->
            <div class="navbar-wrapper">
                <div class="container">
                    <nav class="navbar navbar-inverse navbar-static-top">
                        <div class="container">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                    data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <a class="navbar-brand" href="#">
                                    <img src="./images/首页/logo.png" alt="" class="logo">
                                </a>
                            </div>
                            <div id="navbar" class="navbar-collapse collapse">
                                <ul class="nav navbar-nav">
                                    <li class="active"><a href="#">首页</a></li>
                                    <li><a href="#">Laya家族</a></li>
                                    <li><a href="#">游戏</a></li>
                                    <li><a href="#">新闻动态</a></li>
                                    <li><a href="#">开发者中心</a></li>
                                    <li><a href="#">开发者社区</a></li>
                                    <li><a href="#">开放平台</a></li>
                                    <li><a href="#">关于我们</a></li>

                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                            aria-haspopup="true" aria-expanded="false">Language <span
                                                class="caret"></span></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">中文</a></li>
                                            <li><a href="#">英文</a></li>
                                            <li><a href="#">日文</a></li>

                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>

                </div>
            </div>
        </div>
       
    </header>

<main>
    <!-- 内容一 -->
    <div class="container-fluid main_1">
        <div class="container box1">
            <div class="row main_box">
                <!-- 左边 -->
                <div class="col-sm-6 col-md-6 main_1-1">
                    <div>
                        <img src="./images/家族产品/1.png" alt="">
                        <h2>LayaFlash</h2>
                    </div>
                    <div>
                        <h4>
                            直接用Flash AS3语言开发HTML5的引擎
                        </h4>
                    </div>
                    <div>
                        <p>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发HTML5产品;</p>
                        <p>支持将Flash页游\手游产品快速转换成为HTML5游戏,让Flash研发企业进入HTML5市场低成本、无门槛;</p>
                        <p>支持Starling等3D框架,是首个支持HTML5 3D游戏的技术方案.</p>
                    </div>
                    <div>
                        <a href="#">
                            进入下载
                        </a>
                    </div>
                </div>
                <!-- 右边 -->
                <div class="col-sm-6 col-md-6 main_1-2">
                    <img src="./images/家族产品/1.1.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 内容二 -->
    <div class="container-fluid main_2">
        <div class="container box2">
            <div class="row main_box2">
                <!-- 左边 -->
                <div class="col-sm-4 col-md-4 main_2-1">
                    <div>
                        <img src="./images/家族产品/2.png" alt="">
                        <h2>LayaPlayer</h2>
                    </div>
                    <div>
                        <img src="./images/家族产品/2.1.png" alt="">
                    </div>
                </div>
                <!-- 中间 -->
                <div class="col-sm-4 col-md-4 main_2-2">
                    <div>
                        <h5>极强性能</h5>
                        <p>C语言编写的HTML5运行器，逻辑渲染双核运行、GPU加速渲染、内存显存智能管理、渲染流程极致优化，给予LayaPlayer运行的HTML5产品性能媲美APP</p>
                    </div>
                    <div>
                        <h5>更小、更多、更强</h5>
                        <p>不足20K的HTML5运行器，拥有超过5亿的移动设备安装量，已嵌入到QQ浏览器、QQ空间、百度浏览器、新浪微博、猎豹浏览器等20多家主流平台。</p>
                    </div>
                </div>
                <!-- 右边 -->
                <div class="col-sm-4 col-md-4 main_2-3">
                    <img src="./images/家族产品/2.2.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 内容三 -->
    <div class="container-fluid main_3">
        <div class="container box3">
            <div class="row main_box3">
                <!-- 左边 -->
                <div class="col-sm-6 col-md-5 main_3-1">
                    <div>
                        <img src="./images/家族产品/3.png" alt="">
                        <h2>LayaAir</h2>
                    </div>
                    <div>
                        <p>新一代HTML5引擎,正在内测完善中,敬请期待</p>
                    </div>
                    <div>
                        <h5>小巧强大</h5>
                        <p>核心库100K左右,支持2D/3D动画、UI、粒子、骨骼、物理等完整功能、性能媲美APP</p>

                    </div>
                    <div>
                        <h5>应用领域更广泛</h5>
                        <p>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
                    </div>
                    <div>
                        <h5>多语言开发</h5>
                        <p>支持AS3、Typescript、JavaScript三种开发语言,适用于程序员更广泛</p>
                    </div>
                    <div>
                        <img src="./images/家族产品/3.1.png" alt="">
                    </div>
                </div>
                <!-- 右边 -->
                <div class="col-sm-6 col-md-6 main_3-2">
                    <div>
                        <img src="./images/家族产品/4.png" alt="">
                        <h2>LayaOpen</h2>
                    </div>
                    <div>
                        <p>面向Layabox开发者、流量渠道的一站式对接平台</p>
                    </div>
                    <div>
                        <h5>一站式对接</h5>
                        <p>一次对接,全渠道发行,提供一站式对接、发行、运营服务</p>
                    </div>
                    <div>
                        <h5>免费测试</h5>
                        <p>提供免费测评服务以及线上真是用户的产品测评和运营测试</p>
                    </div>
                    <div>
                        <h5>专业服务</h5>
                        <p>提供最专业的用户数据、付费数据、产品数据等游戏运营数据统计系统</p>
                    </div>
                    <div>
                        <img src="./images/家族产品/4.1.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容四 -->
    <div class="container-fluid main_4">
        <div class="container box4">
            <div class="row main_box4">
                <!-- 左边 -->
                <div class="col-sm-6 col-md-6 main_4-1">
                    <div>
                        <img src="./images/家族产品/5.png" alt="">
                        <h2>LayaStore</h2>
                    </div>
                    <div>
                        <p>游戏内容丰富,可安装、可嵌入的HTML5应用商店</p>
                    </div>
                    <div>
                        <h5>嵌入式商店</h5>
                        <p>仅20K的嵌入式HTML5应用商店,嵌入到APP中提供托管式HTML5商店服务.</p>

                    </div>
                    <div>
                        <h5>流量变现</h5>
                        <p>丰富优质的大型HTML5游戏产品,帮助APP进入流量变现新时代.</p>
                    </div>
                    <div>
                        <img src="./images/家族产品/5.1.png" alt="">
                    </div>
                </div>
                <!-- 右边 -->
                <div class="col-sm-6 col-md-6 main_4-2">
                    <div>
                        <img src="./images/家族产品/6.png" alt="">
                        <h2>LayaPublish</h2>
                    </div>
                    <div>
                        <p>分成高、覆盖广、提供最优秀的全渠道发行服务</p>
                    </div>
                    <div>
                        <h5>覆盖广</h5>
                        <p>超过5亿的移动设备安装量覆盖,为CP发行保驾护航</p>
                    </div>
                    <div>
                        <h5>分成高</h5>
                        <p>CP可享受80%发行收益的高分成政策.</p>
                    </div>

                    <div>
                        <img src="./images/家族产品/6.1.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<footer>
        <!-- 底部 -->
  <div class="container-fluid fter">
    <div class="container box6">
      <div class="row fter_box1">
                  
        <!-- 左边 -->
        <div class="col-sm-6 col-md-10 fter_1-1">
          <div>
            <a href="#">公司简介</a>
            <a href="#">联系方式</a>
            <a href="#">人才招聘</a>
          </div>
          <div>
            <p>
              ALL Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
            </p>
          </div>
        </div>
                  
        <!-- 右边 -->
         <div class="row col-sm-6 col-md-2">
          <a href="#" class="col-md-4">
            <img src="./images/首页/邮箱logo.png" alt="">
          </a>
          <a href="#" class="col-md-4 ewm">
            <img src="./images/首页/微信logo.png" alt="">
          </a>
          <a href="#" class="col-md-4">
            <img src="./images/首页/qqlogo.png" alt="">
          </a>
        </div>
                
      </div>
    </div>
</div>
</footer>
   
</body>

</html>